<!DOCTYPE html>
<html lang="en">
<head>

  <!-- start: Meta -->
  <meta charset="utf-8">
  <title>Bootstrap Metro Dashboard by Dennis Ji for ARM demo</title>
  <meta name="description" content="Bootstrap Metro Dashboard">
  <meta name="author" content="Dennis Ji">
  <meta name="keyword" content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
  <!-- end: Meta -->

  <!-- start: Mobile Specific -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- end: Mobile Specific -->

  <!-- start: CSS -->
  <link id="bootstrap-style" href="__ADMIN__css/bootstrap.min.css" rel="stylesheet">
  <link href="__ADMIN__css/bootstrap-responsive.min.css" rel="stylesheet">
  <link id="base-style" href="__ADMIN__css/style.css" rel="stylesheet">
  <link id="base-style-responsive" href="__ADMIN__css/style-responsive.css" rel="stylesheet">
  <!-- end: CSS -->


  <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link id="ie-style" href="__ADMIN__css/ie.css" rel="stylesheet">
  <![endif]-->

  <!--[if IE 9]>
    <link id="ie9style" href="__ADMIN__css/ie9.css" rel="stylesheet">
  <![endif]-->

  <!-- start: Favicon -->
  <link rel="shortcut icon" href="img/favicon.ico">
  <!-- end: Favicon -->

      <style type="text/css">
      body { background: url(img/bg-login.jpg) !important; }
    </style>



</head>

<body>
    <div class="container-fluid-full">
    <div class="row-fluid">

      <div class="row-fluid">
        <div class="login-box">
          <div class="icons">
            <a href="index.html"><i class="halflings-icon home"></i></a>
            <a href="#"><i class="halflings-icon cog"></i></a>
          </div>
          <h2>Login to your account</h2>
          <form class="form-horizontal" action="" method="post">
            <fieldset>

              <div class="input-prepend" title="Username">
                <span class="add-on"><i class="halflings-icon user"></i></span>
                <input class="input-large span10" name="username" id="username" type="text" placeholder="帐号"/>
              </div>
              <div class="clearfix"></div>

              <div class="input-prepend" title="Password">
                <span class="add-on"><i class="halflings-icon lock"></i></span>
                <input class="input-large span10" name="password" id="password" type="password" placeholder="密码"/>
              </div>
              <div class="clearfix"></div>
              <div class="input-prepend" title="Password">
                <span class="add-on"><i class="halflings-icon lock"></i></span>
                <input class="input-large span6" name="code" id="code" type="text" placeholder="验证码"/>
                <img class="code" src="{:U('Admin/ajax/getcode')}" alt="">
              </div>
              <div class="clearfix"></div>


              <div class="button-login">
                <button type="submit" class="btn btn-primary">登录</button>
              </div>
              <div class="clearfix"></div>
              </fieldset>
          </form>

        </div><!--/span-->
      </div><!--/row-->


  </div><!--/.fluid-container-->

    </div><!--/fluid-row-->
      <div class="common-modal modal fade" id="common-Modal1" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="modal-content">
        <ul class="list-inline item-details">
          <li><a href="#">Admin templates</a></li>
          <li><a href="http://themescloud.org">Bootstrap themes</a></li>
        </ul>
      </div>
    </div>
  <!-- start: JavaScript-->

    <script src="__ADMIN__js/jquery-1.9.1.min.js"></script>
  <script src="__ADMIN__js/jquery-migrate-1.0.0.min.js"></script>

    <script src="__ADMIN__js/jquery-ui-1.10.0.custom.min.js"></script>

    <script src="__ADMIN__js/jquery.ui.touch-punch.js"></script>

    <script src="__ADMIN__js/modernizr.js"></script>

    <script src="__ADMIN__js/bootstrap.min.js"></script>

    <script src="__ADMIN__js/jquery.cookie.js"></script>

    <script src='__ADMIN__js/fullcalendar.min.js'></script>

    <script src='__ADMIN__js/jquery.dataTables.min.js'></script>

    <script src="__ADMIN__js/excanvas.js"></script>
  <script src="__ADMIN__js/jquery.flot.js"></script>
  <script src="__ADMIN__js/jquery.flot.pie.js"></script>
  <script src="__ADMIN__js/jquery.flot.stack.js"></script>
  <script src="__ADMIN__js/jquery.flot.resize.min.js"></script>

    <script src="__ADMIN__js/jquery.chosen.min.js"></script>

    <script src="__ADMIN__js/jquery.uniform.min.js"></script>

    <script src="__ADMIN__js/jquery.cleditor.min.js"></script>

    <script src="__ADMIN__js/jquery.noty.js"></script>

    <script src="__ADMIN__js/jquery.elfinder.min.js"></script>

    <script src="__ADMIN__js/jquery.raty.min.js"></script>

    <script src="__ADMIN__js/jquery.iphone.toggle.js"></script>

    <script src="__ADMIN__js/jquery.uploadify-3.1.min.js"></script>

    <script src="__ADMIN__js/jquery.gritter.min.js"></script>

    <script src="__ADMIN__js/jquery.imagesloaded.js"></script>

    <script src="__ADMIN__js/jquery.masonry.min.js"></script>

    <script src="__ADMIN__js/jquery.knob.modified.js"></script>

    <script src="__ADMIN__js/jquery.sparkline.min.js"></script>

    <script src="__ADMIN__js/counter.js"></script>

    <script src="__ADMIN__js/retina.js"></script>

    <script src="__ADMIN__js/custom.js"></script>
  <!-- end: JavaScript-->

</body>
</html>
